<template>
  <div class="App">
    <h3>我是app</h3>
    <p>父组件里的count: {{count}} </p>

    <!-- 
      props的使用: 可以批量传递变量  传递一个对象  
      语法: v-bind="变量名"  v-bind不能省略
      - 作用:主要是为了向子组件传递一些数据,用给子组件添加属性的方式传递,这样被称作为props传值
     -->
    <my-count :count="count" v-bind="news" />
  </div>
</template>

<script>
import MyCount from './components/MyCount.vue'
export default {
  data() {
    return {
      count:0,
      news:{
        imgUrl: "/01.jpg",
        title: "今天晚上不上.....",
        otherTitle: "晚自习",
      }
    }
  },
  components: {
    MyCount
  },
}
</script>


<style scoped>
</style>
